﻿<!--
THIS CODE AND INFORMATION IS PROVIDED "AS IS" WITHOUT WARRANTY OF
ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR A
PARTICULAR PURPOSE.

Copyright (c) Microsoft Corporation. All rights reserved
-->

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Subscriptions</title>

    <!-- WinJS references -->
    <link href="/Microsoft.WinJS.4.0/css/ui-dark.css" rel="stylesheet">
    <script src="/Microsoft.WinJS.4.0/js/WinJS.js"></script>

    <link href="/pages/subscriptions/subscriptions.css" rel="stylesheet">
    <script src="subscriptions.js"></script>
</head>

<body class="win-type-body">
    <!-- Template for the feed category header -->
    <div id="categoryHeaderTemplate" data-win-control="WinJS.Binding.Template" data-win-options="{extractChild: true}">
        <p class="categoryHeader win-type-x-large" data-win-bind="innerText: title; groupKey: category">
        </p>
    </div>

    <!-- Template for the feed item -->
    <div id="feedItemTemplate" data-win-control="WinJS.Binding.Template" data-win-options="{extractChild: true}">
        <div class="feedTile">
            <div class="image">
                <img src="#" data-win-bind="alt: title; src: image">
            </div>
            <div class="info">
                <h4 class="title win-type-subtitle" data-win-bind="innerText: title"></h4>
                <h6 class="description win-type-body" data-win-bind="innerText: description"></h6>
            </div>
        </div>
    </div>

    <!-- Template for the category item -->
    <div id="categoryItemTemplate" data-win-control="WinJS.Binding.Template" data-win-options="{extractChild: true}">
        <div class="categoryTile">
            <h2 class="title win-type-subheader" data-win-bind="innerText: title"></h2>
        </div>
    </div>

    <div id="subscriptions" class="fragment">
        <header aria-label="Header content" role="banner">
            <h1 class="titlearea win-type-ellipsis win-type-header">
                <span class="pagetitle">Subscriptions</span>
            </h1>
        </header>
        <section aria-label="Main content" role="main">
            <!-- The semantic zoom control and the list views. -->
            <div id="feedsListViewArea" data-win-control="WinJS.UI.SemanticZoom">
                <div id="feedsListView-in" aria-label="List of feeds in categories" data-win-control="WinJS.UI.ListView"></div>
                <div id="feedsListView-out" data-win-control="WinJS.UI.ListView" data-win-options="{ selectionMode: &apos;none&apos;, tapBehavior: &apos;invokeOnly&apos; }"></div>
            </div>
        </section>
    </div>
</body>

</html>